﻿<%@ Page Language="c#" CodeFile="~/Default.aspx.cs" Inherits="TallComponents.Web.VistaToolBarSample" %>

<%@ Register TagPrefix="tc" Namespace="TallComponents.Web.Pdf" Assembly="TallComponents.Web.PdfViewer" %>
<html>
<head runat="server">
   <title>PDF web viewer</title>
   <style type="text/css">
      body { font-family: Verdana, Arial, Helvetica, _sans; font-size: 12px; }
      img { border: 0px; }
      #thumbnails ul { margin: 0px; padding: 0px; height: inherit; }
      #thumbnails li { margin: 0px; padding: 0px; list-style-position: outside; list-style-type: none; display: inline; }
      .pdftbItem { padding-top: 4px; color: White;  }
      .pdftbSpacer { padding-top: 4px; }
      .thumb img { border: solid 3px transparent; }
      .thumb:hover img { border-color: #ffd579; }
      .active img { border: solid 3px #fa9e3c; }
      #toolbar #busy { margin-top: 4px; margin-right: 2px; }
      .searchResult { background: orange; opacity:0.4;filter:alpha(opacity=40); }
   </style>
</head>
<body>
   <form id="Form1" method="post" runat="server" enctype="multipart/form-data">
   <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" />
   <div style="width: auto; border-style: none; border-width: 1px; border-color: #aaaaaa;">
   <ol>
      <li><input type="file" size="50" name="pdf" /></li>
      <li><asp:Button runat="server" Text="Upload" ID="uploadPdf" OnClick="uploadPdf_Click" /></li>
   </ol>
   </div>
   <table cellpadding="0" cellspacing="0" style="width: auto; border: 1px solid #688caf">
      <tr>
         <td>
            <tc:PdfThumbnailsList ID="thumbnails" runat="server" PdfViewerControlId="pdfViewer" BackColor="#B9D1EA" Width="160" Height="602" ServiceUrl="pageasimage.ashx" ThumbnailCssClass="thumb" SelectedThumbnailCssClass="active" />
         </td>
         <td valign="top">
            <tc:PdfViewerToolbar ID="toolbar" runat="server" PdfViewerControlId="pdfViewer" 
               ToolbarBackgroundImageUrl="img/vista/back.gif"
               ZoomInImageUrl="img/vista/zoom_in.png"
               ZoomOutImageUrl="img/vista/zoom_out.png"
               NextImageUrl="img/vista/next.png"
               PreviousImageUrl="img/vista/previous.png"
               ZoomToPageImageUrl="img/vista/fullpage.png"
               ZoomToWidthImageUrl="img/vista/page-width.png"
               Zoom1On1ImageUrl="img/vista/zoom-1on1.png"
               OpenImageUrl="img/vista/folder.png"
               PanImageUrl="img/vista/pan.png"
               HoverButtonImageUrl="img/vista/hover.png"
               SelectedButtonImageUrl="img/vista/selected.png"
               BusyImageUrl="img/vista/strobe.gif"
               SearchImageUrl="img/vista/search.png"
               SearchCancelImageUrl="img/vista/stop.png"
               Height="32px"
               ShowSearchBox="true"
            />
            <tc:PdfViewer ID="pdfViewer" runat="server" Width="830" Height="570" ZoomFactor="0.75" ServiceUrl="pageasimage.ashx" SearchServiceUrl="search.ashx" BackColor="#B9D1EA" SearchResultCssClass="searchResult" />
         </td>
      </tr>
   </table>
   </form>   
</body>
</html>
